<template>
  <div>
    <table class="by-table">
      <tr>
        <th>系统订单号</th>
        <th>客户姓名</th>
        <th>客户电话</th>
        <th>目的地</th>
      </tr>
      <tr>
        <td>{{data.orderId}}</td>
        <td>{{data.customerName}}</td>
        <td>{{data.customerPhone}}</td>
        <td>{{data.destination+'-'+data.streetAddress}}</td>
      </tr>
    </table>
    <el-form ref="formLoadcar" label-width="100px">
      <el-form-item label="货运部名称">
        <el-input v-model="data.freight"></el-input>
      </el-form-item>
      <el-form-item label="货运部电话">
        <el-input v-model="data.freightPhone"></el-input>
      </el-form-item>
      <el-form-item label="货运部地址">
        <el-input v-model="data.freightAddress"></el-input>
      </el-form-item>
      <el-form-item label="将来扩展">
        <el-select v-model="region" placeholder="请选择活动区域">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="备注">
        <el-input type="textarea" v-model="desc"></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>

<script type="text/javascript">
  export default{
    name: 'editTransportBill',
    props: {
      data: ''
    },
    data() {
      return {
        x: '',
        region: 'shanghai',
        desc: ''
      }
    }
  }
</script>

<style type="text/scss" scoped>

</style>
